以下是一个使用Angular Material表格过滤器的示例，仅显示第一个过滤行，并且只显示第一个匹配项。该示例还包含严格过滤。

首先，您需要导入所需的Angular Material组件和相关模块，以及RxJS操作符：

import { Component } from '@angular/core';
import { MatTableDataSource } from '@angular/material/table';
import { MatInput } from '@angular/material/input';
import { FormControl } from '@angular/forms';
import { debounceTime } from 'rxjs/operators';

然后，创建一个名为AppComponent的组件，并在其中定义所需的变量和方法：

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  dataSource = new MatTableDataSource(ELEMENT_DATA);
  filterFormControl = new FormControl('');
  filteredData: any[];

  constructor() {
    this.filterFormControl.valueChanges.pipe(
      debounceTime(300) // 延迟300毫秒以避免频繁过滤
    ).subscribe(filterValue => {
      this.filteredData = this.dataSource.data.filter(item => {
        // 根据第一个过滤行和严格过滤条件过滤数据
        return item.name.toLowerCase().startsWith(filterValue.toLowerCase()) &&
          item.name.toLowerCase() === filterValue.toLowerCase();
      });

      // 仅显示第一个匹配项
      this.dataSource.data = this.filteredData.slice(0, 1);
    });
  }
}

在AppComponent的模板文件（app.component.html）中，使用mat-table和mat-header-row来创建表格，并将过滤器应用于表格：

  过滤
  



    

  
名称
    
{{element.name}}
  

  

  

最后，您需要在AppComponent的组件类中定义displayedColumns变量：

displayedColumns: string[] = ['name'];

请注意，上述示例中的ELEMENT_DATA是您的实际数据数组，您需要根据自己的需求进行替换。

这样，当用户在输入框中输入过滤条件时，表格将仅显示第一个匹配项，并且只有在第一个过滤行与严格过滤条件匹配时才显示。