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][1]


***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][2]


  [1]: https://jsfiddle.net/p6t41c1r/
  [2]: https://jsfiddle.net/p6t41c1r/3/