Relasi many to many laravel property [title] does not exist on this collection instance.

Saya menemukan kendala saat melakukan relasi Many to Many dari tabel : 1. Alternatif

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Alternatif extends Model
{
    protected $table = 'alternatif';
    protected $fillable = ['id', 'alternatif', 'bahan', 'harga', 'pengatur', 'ukuran', 'garansi'];

    public function kriteria(){
        return $this->belongsToMany(Kriteria::class)->withPivot(['nilai']);
    }
}

2. Kriteria

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Kriteria extends Model
{
    protected $table = 'kriteria';
    protected $fillable = ['id', 'kriteria', 'type', 'bobot'];

    public function alternatif(){
        return $this->belongsToMany(Alternatif::class)->withPivot(['nilai']);
    }
}

Ketika saya ingin menampilkan datanya menggunakan kode berikut

<table class="table table-striped">
       <thead>
            <tr>
               <th>KODE</th>
               <th>NAMA ALTERNATIF</th>
               <th>KRITERIA</th>
                <th>NILAI</th>
            </tr>
       </thead>
            <tbody>
                $alternatif = App\Alternatif::find(1);
                @foreach($alternatif->kriteria as $kriteria)
                   <tr>
                     <td>{{$kriteria-id}}</td>
                      <td>{{$kriteria->alternatif}}</td>
                      <td>{{$kriteria->kriteria}}</td>
                      <td>{{$kriteria->nilai}}</td>
                   </tr>
         @endforeach
   </tbody>
</table>

Muncul Error

Property [kriteria] does not exist on this collection instance. (View: D:\LARAVEL\moora\resources\views\penilaian.blade.php)

Apakah ada langkah-langkah yang terlewatkan dalam merelasikan data?