<template name="slider">
  <div class="tile tile__slider">
    <div class="tile-outline">
      <div class="tile__contain tile__contain--wrap">
        <h4 class="tile__title">{{title}}</h4>
        <h6 class="range-current">Current: 123</h6>
        <input class="range-slider" type="range" value="1" min="1" max="4" list="number" />
        <datalist class="range-datalist" id="number">
          {{#each options}}
          <option>{{label}}</option>
          {{/each}}
        </datalist>
      </div>
    </div>
  </div>
</template>

<template name="slider">
  <div class="tile tile__slider">
    <div class="tile-outline">
      <div class="tile__contain tile__contain--wrap">
        <h4 class="tile__title">{{title}}</h4>
        <h6 class="range-current">Current: 123</h6>
        <input class="range-slider" type="range" value="1" min="1" max="{{options.length}}" list="number" />
        <datalist class="range-datalist" id="number">
          {{#each options}}
          <option>{{label}}</option>
          {{/each}}
        </datalist>
      </div>
    </div>
  </div>
</template>

Set range max value to array length
Set range max value to array length
