Segun la [documentacion sobre el uso de this][1] en las funciones de flechas o arrow function:

> Una expresión de función de flecha tiene una sintaxis más corta que
> una expresión de función y **no tiene sus propios argumentos this**,
> arguments, super o new.target. Estas expresiones de función son las
> más adecuadas para funciones que no son de método, y no pueden usarse
> como constructores.
> 
> Dos factores influyeron en la introducción de las funciones de flecha:
> funciones más cortas y **no vinculante al this**.

Lo que en resumen significa que no se hace binding al ambito de una funcion cuando se utiliza `=>`, si quieres acceder al ambito o scope, tendras que utilizar una funcion estandar:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    $('#filtro-atenciones').on('change', () => {
      console.log("No es posible acceder al this en las arrow funcion");
      console.log(this.value);
      console.log($(this).val());
    });


    $('#filtro-atenciones-2').on('change',function() {
      console.log("Ahora el si puedo acceder al this");
      console.log(this.value);
      console.log($(this).val());
    });

            


<!-- language: lang-html -->

    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>

    <div id="div-filtros" class="form-group">
      <label for="filtro-atenciones">Con funciones de flecha(arrow function):</label>
      <select class="form-control" id="filtro-atenciones">
        <option value="total" selected>Total</option>
        <option value="pendientes">Pendientes</option>
        <option value="curso">En curso</option>
      </select>
    </div>


    <div id="div-filtros" class="form-group">
      <label for="filtro-atenciones">con function:</label>
      <select class="form-control" id="filtro-atenciones-2">
        <option value="total" selected>Total</option>
        <option value="pendientes">Pendientes</option>
        <option value="curso">En curso</option>
      </select>
    </div>

<!-- end snippet -->


  [1]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions