你可以创建一个布尔变量，它在点击时改变它的状态。然后你可以创建方法或计算属性，它返回数组（如果你的变量等于真，则返回数组本身，否则返回切片数组）
以下是示例（未选中，但应该可以工作）

<template>
 <div>
   <div v-for="item in getItemsList()">
      {{ item }}
   </div>
  <button @click="showItems">Hide/Show list</button>
  </div>
</template>
<script>
   data(){
      return {
         items: [ ...some list],
         showAll: true,
    }
   },
  methods: {
      showItems() {
        this.showAll = !this.showAll;
      },
      getItemsList() {
        if (!this.showAll) {
          return this.items.slice(0, 2);
        }
        return this.items;
      }
  }
</script>

更简单的方法是显示/隐藏，而不是使用切片/取消切片过程。
只需使用一个条件，通过使用数据属性显示全部或仅显示3个。

Vue.config.productionTip = false;

var app = new Vue({
  el: '#app',
  data() {
    return {
      showAll: false,
      items: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    }
  },
  methods: {
    showItems() {
      this.showAll = !this.showAll;
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <div>
    <template v-for="(item, index) in items">
      <div v-if="!showAll && index < 3 || showAll">
        {{ item }}
      </div>
    </template>
    <button @click="showItems">Hide/Show list</button>
  </div>
</div>