Lo que puedes hacer es usar :first
(Toma el primer elemento que se consiga con la clase) o :last
(Toma el ultimo elemento con la clase) como:
var test = $('.todo:first').val();
var testy2 = $('.todo:last').val();
Aca esta tu ejemplo actualizado
Nota: Aca es util porque solo tienes 2 si aumenta la cantidad de controles es mejor buscar otra alternativa, como crearles Ids unicos.
Edit:
Basado en tu comentario lo que peudes hacer es englobar cada select con los button en div separados asi:
<div>
<select class="todo" id="ty">
<option selected>Ingrese cant</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
<div>
<button class="draw" id="draw" rel="1" data-select='1'>Draw</button>
</div>
<div>
<canvas id="1" width="200" height="200"></canvas>
</div>
</div>
Para luego via jQuery hacer esto:
var test = $(this).parent().parent().find('select').val();
Lo que hace es, vete al padre del padre (Este es el div que engloba cada seccion) busca el select, y dame su valor.
Codigo actualizado aca