example.html

<div x-data="example()">
    <template x-for="(item, i) in items" :key="i">
        <div x-bind="props(i)"></div>
    </template>
</div>
<script>
    const example = () => ({
        current: 0,
        items: [1, 2, 3],
        props: (i) => ({
            // Can I access the loops item and i values in these functions?
            ['x-show']() { return this.current == i },
            ['x-text']() { return item },
        })
    });
</script>