Lightning Web Components/LWC (no aura): How do you set the maximum length of list when rendering with iterator?

Question

How do you set the maximum length of a list with LWC? I understand in Angular you could use "ng-maxLength".

<template iterator:item={records}>
  <!-- List up to ten records -->
  <c-item-card key={item.value.Id} item={item.value}></c-item-card>
</template>

There's also item.index but that still isn't helpful if I cannot pass the index into a handler/expression. Any ideas?

Answer 1

In LWC, such directives don't exist. You will need to create a separate variable to hold the the shortened list.